<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>沈瀚的小工具</title>
		<style>
			a {
				text-decoration: none;
				color: #888;
			}

			.tool-item {
				width: 8vw;
				height: 5vw;
				display: inline-flex;
				padding: 0;
				margin: 0;
				align-items: center;
				justify-content: center;
				background-color: rgb(216, 218, 214);
				border-radius: 15px;
				margin-left: 10px;
			}

			.tool-item:hover {
				box-shadow: 0 0 10px #000;
				transition: 0.3s;
				cursor: pointer;
				text-shadow: 0 0 3px #fff;
				font-size: 18px;
			}
		</style>
	</head>

	<body>
		<ul>
			<a href="./spelice/index.html" target="_blank" rel="noopener noreferrer">
				<li class="tool-item">图片拼接</li>
			</a>

			<a href="./screen/index.html" target="_blank" rel="noopener noreferrer">
				<li class="tool-item">屏幕录制</li>
			</a>

			<a href="./screen-vue/index.html" target="_blank" rel="noopener noreferrer">
				<li class="tool-item">屏幕录制-vue</li>
			</a>
			<a href="./base64/index.html" target="_blank" rel="noopener noreferrer">
				<li class="tool-item">base64test</li>
			</a>
			<a href="./roll/index.html" target="_blank" rel="noopener noreferrer">
				<li class="tool-item">操作说明</li>
			</a>
		</ul>
		<script>
			var _hmt = _hmt || [];
			(function () {
				var hm = document.createElement('script');
				hm.src = 'https://hm.baidu.com/hm.js?463c8934fd778d89ce4579e872a94e7a';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</body>
</html>
